@charset "utf-8";
/**
 * +----------------------------------------------------------------------
 * | WeizePHP framework
 * +----------------------------------------------------------------------
 * | Copyright (c) 2013-2113 http://weizephp.75hh.com/ All rights reserved.
 * +----------------------------------------------------------------------
 * | Author: Ze Wei <E-mail:weizesw@gmail.com> <QQ:310472156>
 * +----------------------------------------------------------------------
 */

/*
----------------------------------

CSS 样式模块的格式示例：

	Name:			模块名称
	Level:			级别（Global, Channel, Function）
	Dependent:		依赖关系，该模块必须依赖于何种模块
	Sample:			用法示例，或指出改模块所作用的直接页面
	Explain:		附加说明
	Author:			创建者 日期(两位数年月日时)
	Last Modify:	最终修改者 日期(两位数年月日时)

----------------------------------

CSS 写作注意事项：
	1. 属性写在一行内，属性之间、属性名和值之间以及属性与“{}”之间须有空格，例如：.class { width: 400px; height: 300px; }
	2. 属性的书写顺序：
		2.1. 按照元素模型由外及内，由整体到细节书写，大致分为五组：
			   位置：position,left,right,float
			   盒模型属性：display,margin,padding,width,height
			   边框与背景：border,background
			   段落与文本：line-height,text-indent,font,color,text-decoration,...
			   其他属性：overflow,cursor,visibility,...
		2.2. 针对特殊浏览器的属性，应写在标准属性之前，例如：-webkit-box-shadow:; -moz-box-shadow:; box-shaow:;
	3. 谨慎添加新的选择符规则，尤其不可滥用 id，尽可能继承和复用已有样式
	4. 选择符、属性、值均用小写（格式的颜色值除外），缩写的选择符名称须说明缩写前的全称，例如 .cl -> Clearfix
	5. 避免使用各种 CSS Hack，如需对 IE 进行特殊定义，请参阅下节“关于 CSS Hack 的说明”
	6. 勿使用冗余低效的 CSS 写法，例如：
		ul li a span { ... }
	7. 慎用 !important
	8. 建议使用在 class/id 名称中的词语
		8.1. 表示状态：a->active
		8.2. 表示结构：h->header,c->content,f->footer
		8.3. 表示区域：mn->main,sd->side,nv-navigation,mu->menu
		8.4. 表示样式：l-list,tab,p_pop
	9. 开发过程中的未定事项，须用 [!] 标出，以便于后续讨论整理
 
==========================================================================================================
 
+--------------------------------------
| 1. 各大浏览器的Hack兼容写法
+--------------------------------------

IE9:  .news { _padding:50px; }
IE8:  .news { padding:50px\9; }
IE7:  .news { +padding:50px; }
IE6:  .news { _padding:50px; }

+--------------------------------------
| 1. 常用的命名规则建议
+--------------------------------------

	1. 一律小写;
	2. 尽量用英文;
	3. 尽量不加中杠和下划线;
	4. 尽量不缩写，除非一看就明白的单词.
	
	主要的 master.css
	模块 module.css
	基本共用 base.css
	布局，版面 layout.css
	主题 themes.css
	专栏 columns.css
	文字 font.css
	表单 forms.css
	补丁 mend.css
	打印 print.css

+--------------------------------------
| 2. 常用的css命名规则
+--------------------------------------

	头：header
	内容：content/container
	尾：footer
	导航：nav
	侧栏：sidebar
	栏目：column
	页面外围控制整体布局宽度：wrapper
	左右中：left right center
	登录条：loginbar
	标志：logo
	广告：banner
	页面主体：main
	热点：hot
	新闻：news
	下载：download
	子导航：subnav
	菜单：menu
	子菜单：submenu
	搜索：search
	友情链接：friendlink
	页脚：footer
	版权：copyright
	滚动：scroll
	内容：content
	标签页：tab
	文章列表：list
	提示信息：msg
	小技巧：tips
	栏目标题：title
	加入：joinus
	指南：guild
	服务：service
	注册：regsiter
	状态：status
	投票：vote
	合作伙伴：partner
	
+--------------------------------------
| 3. id的命名
+--------------------------------------

	(1)页面结构
		
		容器: container
		页头：header
		内容：content/container
		页面主体：main
		页尾：footer
		导航：nav
		侧栏：sidebar
		栏目：column
		页面外围控制整体布局宽度：wrapper
		左右中：left right center
	
	(2)导航
		
		导航：nav
		主导航：mainbav
		子导航：subnav
		顶导航：topnav
		边导航：sidebar
		左导航：leftsidebar
		右导航：rightsidebar
		菜单：menu
		子菜单：submenu
		标题: title
		摘要: summary
	
	(3)功能
		
		标志：logo
		广告：banner
		登陆：login
		登录条：loginbar
		注册：regsiter
		搜索：search
		功能区：shop
		标题：title
		加入：joinus
		状态：status
		按钮：btn
		滚动：scroll
		标签页：tab
		文章列表：list
		提示信息：msg
		当前的: current
		小技巧：tips
		图标: icon
		注释：note
		指南：guild
		服务：service
		热点：hot
		新闻：news
		下载：download
		投票：vote
		合作伙伴：partner
		友情链接：link
		版权：copyright

+--------------------------------------
| 4. class的命名
+--------------------------------------

	(1)颜色:使用颜色的名称或者16进制代码,如
		
		.red { color: red; }
		.f60 { color: #f60; }
		.ff8600 { color: #ff8600; }
	
	(2)字体大小,直接使用”font+字体大小”作为名称,如
		
		.font12px { font-size: 12px; }
		.font9pt {font-size: 9pt; }
	
	(3)对齐样式,使用对齐目标的英文名称,如
		
		.left { float:left; }
		.bottom { float:bottom; }
	
	(4)标题栏样式,使用”类别+功能”的方式命名,如
		
		.barnews { }
		.barproduct { }

	
*/


/*
+-----------------------------
| 注释风格
+-----------------------------
*/

/* footer */
.footer {}
/* end footer */







/* ============================================== 具体样式开始 ======================================= */







/*
+------------------------------------------------------------
| 公共部分
+------------------------------------------------------------
*/

/* 头部 */
.header {}

/* 导航 */
.nav {}

/* 页尾 */
.footer {}

/*
+------------------------------------------------------------
| 新闻模块
+------------------------------------------------------------
*/
.news {}
.news-list {} /* 新闻列表 */
.news-detail {} /* 新闻详细页 */

/*
+------------------------------------------------------------
| 关于我们模块
+------------------------------------------------------------
*/
.about {}
.about-contact {} /* 联系我们 */

